<!DOCTYPE html>
<html>
<head>
  <title>Color Page</title>
</head>
<body>
<div id="namedColor" style="background-color: green;">namedColor</div>
<div id="rgb" style="background-color: rgb(0,128,0);">rgb</div>
<div id="rgbpct" style="background-color: rgb(0%,50%,0%);">rgbpct</div>
<div id="hex" style="background-color: #008000;">hex</div>
<div id="hexShort" style="background-color: #eee;">hex</div>
<div id="hsl" style="background-color: hsl(120,100%,25%);">hsl</div>
<div id="rgba" style="background-color: rgba(0,128,0, 0.5);">rgba</div>
<div id="rgbapct" style="background-color: rgba(0%,50%,0%, 0.5);">rgba</div>
<div id="hsla" style="background-color: hsla(120,100%,25%,0.5);">hsla</div>
</body>
</html>



